<div class="w-100 center">
  <h3 class="f2 fw4 white">See what others are saying about Jenkins X</h3>
</div>


<div class="flex-ns flex-wrap center mw9">

{{ $interior_classes := $.Site.Params.flex_box_interior_classes }}

  <div class="flex-ns flex-wrap justify-between">

  {{ range first 10 (sort $.Site.Data.homepagetweets.tweet "date" "desc" )  }}
    <div class="homepage-tweet relative {{ $interior_classes }} br1 mid-gray  pv3 nested-links shadow-5">
      <div class="absolute top-0 left-0 ma2  o-10">
      {{ partial "svg/twitter.svg" . }}
      </div>
      <blockquote>
        <p class="f4">
        {{.quote | safeHTML}}
        </p>
        <cite class="homepage-tweet-attribution gray f6">&#9472; {{ .name }} ({{ .twitter_handle }}) <a
                href="{{ .link }}">
        {{ dateFormat "January 2, 2006" .date }}</a>
        </cite>
      </blockquote>
    </div>
  {{ end }}
  </div>
</div>

<div class="w-100 center">
  <h3 class="f2 fw4 white">
    See what <a class="white" href="/articles/">folks have written about Jenkins X on the web</a>
  </h3>
</div>
